<!-- This notice must be untouched at all times.

index.html    v. 2.2
This file is part of PhyloGeoViz
The latest version is available at
http://www.phylogeoviz.com

Copyright (c) 2007 Yi-Hsin Erica Tsai. All rights reserved.
Created 15.7.2007 by Yi-Hsin Erica Tsai (Web: http://www.duke.edu/~yet2)
Last modified: 20.8.2007

PhyloGeoViz is free software; you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation; either version 3 of the License, or
(at your option) any later version.

PhyloGeoViz is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU General Public License for more details.

You should have received a copy of the GNU General Public License
along with this program.  If not, see <http://www.gnu.org/licenses/>.
-->

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
		<title>Input your pie chart data</title>
		<link type="text/css" rel="stylesheet" href="phylogeoviz.css" />
		<link type="text/css" rel="stylesheet" href="previewstyle.css" />
		<script src="javascripts/prototype.js" type="text/javascript"></script>
		<script type="text/javascript">
		//<![CDATA[

		  //If the user is using IE, display the error message.
		function checkbrowser()
		{
			if (navigator.appName == "Microsoft Internet Explorer")
			{
				$("browserisIE").setStyle({
					'display': 'block'
				});
			}
		}

		//autofill() : fills the input fields with example data.
		function autofill()
		{
			var field1 = "pop1 35.929673 -78.948237	3\t2\t5\npop2 38.889510 -77.032000\t1\t0\t0\npop3 38.032120 -78.477510\t0\t1\t9\npop4 36.379450 -75.830290\t2\t2\t1";
			var field2 = "hapA\thigh\nhapB\tlow\nhapC\thigh";
			$("phylodata").value = field1;
			$("hapgroupdata").value = field2;
		}
		//]]>
		</script>
	</head>

	<body onload="checkbrowser()">
		<div id="page">
			<div id="browserisIE" class="hidden">
				<h2>I&rsquo;m sorry!  This software does NOT work in Internet Explorer.  Try it in <a href="http://www.mozilla.com/en-US/firefox/">Firefox</a>, please.</h2>
			</div>

			<h1>Input your data</h1>
			<p>Please follow <a href="inputformat.html">this input format</a>. Just playing around? <a href="#" class="clickable" onclick="autofill(); return false;">Autofill some example data.</a>
			<form id="inputform" name="inputform" action="inputprocessing.php" method="post">
			<!-- need "id" and "name" tags to make forms (not everything else) work in all browsers. "action" is the script to be called when hit "submit". "method" can be either "post" or "get", get saves all the data in the url string, while post packages all data into one piece, but can't hit back. -->
				<label for="phylodata">1.  Input your phylogeography data in the text area.  Please follow <a href="inputformat.html">this format</a>.</label>
				<textarea id="phylodata" name="phylodata" rows="20" cols="50" wrap="off"></textarea>
				<input type="submit" value="Draw Map!" />
				<label for="hapgroupdata">2.  Optional: Input additional haplotype data like haplotype name and group.  Please follow <a href="inputformat.html#field2instructions">this format</a>.</label>
				<textarea id="hapgroupdata" name="hapgroupdata" rows="20" cols="50" wrap="off"></textarea>
				<input type="submit" value="Draw Map!" />
			</form>
		</div>
	</body>
</html>
